<div class="task-lists">
  <app-task-list *ngFor="let list of lists" class="list-container">
    <app-task-header [header]="list.name" (newTaskDialog)="launchNewTaskDialog()"
                     (moveAllTask)="launchCopyTaskDialog()"
                     (editTaskName)="launchEditTaskNameDialog()"
                     (del)="launchDelDialog()"
    ></app-task-header>
    <app-task-item *ngFor="let task of list.tasks" [item]="task" (taskClick)="launchUpdateTaskItem(task)"></app-task-item>
  </app-task-list>
</div>

<button mat-fab class="fab-button" type="button" (click)="openNewTaskListDialog()">
  <mat-icon>add</mat-icon>
</button>
